
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		 <div id="app">
			 <input type="text" placeholder="请输入成绩" v-model="score"/>
			 <br />等级：<h3 v-if="score>=90">优秀</h3>
						<h3 v-else-if="score>=80">良好</h3>
						<h3 v-else-if="score>=60">及格</h3>
						<h3 v-else="score>=0">不及格</h3>
		 </div>
		
		 <script src="../js/vue.js"></script>
		 
		 <script>
			 var app = new Vue({
				 el:"#app",
				 data:{
					score: 0
				 },methods:{
					 
				 }
			 })
		 </script>
	</body>
</html>
